@color: #999;
@bgColor: red; //不要添加引号
@width: 300px;
@color: #222;
@primaryColor: #0099FF;

// - 结构: @name: { 属性: 值 ;};
// - 使用：@name();
@red-bg: {
  background: red
}

@Rules: {
  width: 200px;
  height: 200px;
  border: solid 1px red;
}

@position_abs: {
  position: absolute;
}

@abs: {
  position: absolute;
}

@position_rel: {
  position: relative;
}

@rel: {
  position: relative;

}

@line-clamp1: {
  overflow: hidden;
  /*超出部分隐藏*/
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  white-space: nowrap;
  /*规定段落中的文本不进行换行 */
}

.line_clamp(@num, @width) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @num;
  overflow: hidden;
  width: @width;
  text-overflow: ellipsis;
  /*! autoprefixer: off */
	-webkit-box-orient: vertical;
	/*! autoprefixer: on */
}




@gradient_blue: {
  background: linear-gradient(0deg, rgba(0, 102, 255, 1), rgba(0, 153, 255, 1));
}

@box-shadow: {
  box-shadow: 0px .05rem .19rem 1px rgba(0, 89, 249, 0.2);
  position: relative;
  z-index: 1;
}


@inb: {
  display: inline-block;
}

//边框
@bor_b: {
  border-bottom: 1px solid #e6e6e6
}
@bor_t: {
  border-top: 1px solid #e6e6e6
}
@bor: {
  border: 1px solid #e6e6e6
}

//margin
.mar_b(@rem) {
  margin-bottom: @rem
}

.mar_t(@rem) {
  margin-top: @rem
}

.mar_l(@rem) {
  margin-left: @rem
}

.mar_r(@rem) {
  margin-right: @rem
}

//padding
.padding_lr(@rem) {
  padding-left: @rem;
  padding-right: @rem;
}

.padding_tb(@rem) {
  padding-top: @rem;
  padding-bottom: @rem;
}

.padding_l(@rem) {
  padding-left: @rem;
}

.padding_r(@rem) {
  padding-right: @rem;
}

.padding_b(@rem) {
  padding-bottom: @rem;
}

.padding_t(@rem) {
  padding-top: @rem;
}

//font
.fonts(@rem) {
  font-size: @rem;
}

//背景
.bgc(@color) {
  background: (@color)
}


//图片居中
.img_box(@w, @h, @lh) {
  border: 1px solid #e6e6e6;
  width: @w;
  height: @h;
  text-align: center;
  line-height: @lh;
  font-size: 0;

  img {
    max-height: 100%;
  }
}

//btn 

.b_btn(@w, @h) {
  width: @w;
  height: @h;
  @gradient_blue();
  border-radius: 0.04rem;
  color: #fff;
  text-align: center;
  line-height: @h;
  @inb();
}

.index_content .yd-tab-nav-nomal .yd-tab-nav .yd-tab-nav-item {
  @line-clamp1()
}
